<template>
  <footer class="wrapper">
    <div class="title-box">
      <i class="el-icon-eleme"></i>
      <div class="title">联系我们</div>
      <span>ISV 商务接洽</span>
      <span>sm.merchant@ele.me</span>
      <span>© ele.me 2020.</span>
    </div>
    <div>
      <div class="title">开发文档</div>
      <span>平台说明</span>
      <span>授权说明</span>
      <span>消息推送</span>
      <span>如何测试</span>
      <span>常用工具</span>
      <span>SDK使用说明</span>
      <span>权限属性调整</span>
      <span>用户身份说明</span>
    </div>
    <div>
      <div class="title">运营规范</div>
      <span>应用接入规范</span>
      <span>应用运营管理</span>
      <span>开放平台服务协议</span>
      <span>安全应急响应中心</span>
      <span>ISV漏洞管理细则</span>
      <span>服务商小票规范</span>
      <span>短信服务协议</span>
      <span>开放平台运营管理规则</span>
      <span>开放平台应用安全实施指南</span>
      <span>服务商清退信息</span>
    </div>
    <div>
      <div class="title">服务支持</div>
      <span>常见问题</span>
      <span>在线问答</span>
    </div>
  </footer>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
footer {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
  text-align: left;

  .title-box i{
      font-size: 48px;
      margin-bottom: 48px;
      color: #409EFF;
  }

  .title {
    font-size: 14px;
    color: #566166;
    font-weight: bold;
    margin-bottom: 26px;
  }

  span {
    font-size: 14px;
    color: #819199;
    margin-bottom: 20px;
  }
}

footer > div {
  display: flex;
  flex-direction: column;
}
</style>